const btns = document.querySelectorAll('button');

// 配置baseUrl
axios.defaults.baseURL = 'http://127.0.0.1:8000';

btns[0].onclick = function () {
  axios.get('/axios-server', {
    // url参数
    params: {
      id: 10,
      vip: 7,
    },
    // 请求头信息
    headers: {
      // name: 'luck',
      // age: 16,
    }
  }).then(value => {
    // then自动转换为对象
    console.log(value);
  });
}

btns[1].onclick = function () {
  // 第一个参数url 第二个参数请求体(请求荷载) 第三个参数其他配置
  axios.post('/axios-server', {
    username: 'admin',
    password: 123456,
  }, {
    // url参数
    params: {
      id: 200,
      vip: 9,
    },
    // 请求头信息
    headers: {
      // name: 'luck',
      // age: 16,
    },
  }).then(value => {
    // then自动转换为对象
    console.log(value);
  });
}

btns[2].onclick = function () {
  axios({
    // url
    url: '/axios-server',
    // 请求方法
    method: 'POST',
    // url参数
    params: {
      vip: 10,
      level: 30,
    },
    // 头信息
    headers: {
      a: 100,
      b: 200,
    },
    // 请求体参数
    data: {
      username: 'admin',
      password: 123456,
    }
  }).then(res => {
    console.log(res);
    // 响应状态码
    console.log(res.status);
    // 响应状态字符串
    console.log(res.statusText);
    // 响应头信息
    console.log(res.headers);
    // 响应体
    console.log(res.data);
  })
}